$theme-white-color:white;
$theme-pink-color:pink;
$theme-primary-color:#409EFF;

.default-theme{       //默认主题色

  .platform-info-view{
    i{
      color: #333;
    }
    .platform-info-title{
      color: #333;
    }
  }

  .el-menu{
    background: $theme-white-color;
    border-right:none;
  }

  .el-menu-item:hover{
    background: rgba($color: #000, $alpha: 0.1);
  }
  .el-submenu__title:hover {
    background: rgba($color: #000, $alpha: 0.1);
  }
  .el-menu-item.is-active {
    background: rgba($color: #000, $alpha: 0.1);
    color: #409EFF !important;
  }
  .el-submenu__title.is-active {
    background: rgba($color: #000, $alpha: 0.1);
    color: #409EFF !important;
  }

  .el-aside{
    background: $theme-white-color;
  }
  .el-submenu {
    i{
      color: #999;
    }
    .el-submenu__title{
      color: #333;
    }
    .el-menu-item{
      color: #333;
    }
  }

  .el-button--primary{
    color: $theme-white-color;
    background-color: $theme-primary-color;
    border-color: $theme-primary-color;
  }
  .el-switch.is-checked .el-switch__core{
    border-color: $theme-primary-color !important;
    background-color: $theme-primary-color !important;
  }
  .el-button--text{
    color: $theme-primary-color;
  }

  .breadcrumb-view .breadcrumb-title::before{
    background: $theme-primary-color !important;
  }

  .el-aside{
    border-right: 1px solid #eee;
  }
  //header
  .el-header{
    background: $theme-white-color;
    color: #333;
    i{
      color: #333;
    }
    .el-dropdown-link{
      color: #333;
    }
  }

  //.el-pager li.active
  .el-pager li.active{
    color: $theme-primary-color;
  }
}
//粉色主题主题色
.pink-theme{

  .platform-info-view{
    i{
      color: $theme-white-color;
    }
    .platform-info-title{
      color: $theme-white-color;
    }
  }

  .el-menu{
    background: $theme-pink-color;
    border-right:none;
  }

  .el-menu-item:hover{
    background: rgba($color: $theme-white-color, $alpha: 0.5);
  }
  .el-submenu__title:hover {
    background: rgba($color: $theme-white-color, $alpha: 0.5);
  }
  .el-menu-item.is-active {
    background: rgba($color: $theme-white-color, $alpha: 0.5);
    color: white !important;
  }
  .el-submenu__title.is-active {
    background: rgba($color: $theme-white-color, $alpha: 0.5);
    color: white !important;
  }

  .el-aside{
    background: $theme-pink-color;
  }
  .el-submenu {
    i{
      color: $theme-white-color;
    }
    .el-submenu__title{
      color: $theme-white-color;
    }
    .el-menu-item{
      color: $theme-white-color;
    }
  }
  .el-button--primary{
    color: $theme-white-color;
    background-color: $theme-pink-color;
    border-color: $theme-pink-color;
  }
  .el-switch.is-checked .el-switch__core{
    border-color: $theme-pink-color !important;
    background-color: $theme-pink-color !important;
  }
  .el-button--text{
    color: $theme-pink-color;
  }

  .breadcrumb-view .breadcrumb-title::before{
    background: $theme-pink-color !important;
  }

  .el-aside{
    border-right: 1px solid $theme-pink-color;
  }
  //header
  .el-header{
    background: $theme-pink-color;
    color: $theme-white-color;
    i{
      color: $theme-white-color;
    }
    .el-dropdown-link{
      color: $theme-white-color;
    }
  }

  //.el-pager li.active
  .el-pager li.active{
    color: $theme-pink-color;
  }
}
